<template>
  <div class="vue-box sbot" >
    <!-- ------- 内容部分 ------- -->
    <div class="c-panel">
      <el-form v-if="m" :inline="true">
        <sa-info name="序号" :value="m.sort" br></sa-info>
        <sa-info name="执行器名称" :value="m.actuatorName" br></sa-info>
        <sa-info name="执行器类" :value="m.actuatorClass" br></sa-info>
        <sa-info type="enum" name="启用状态" :jv="dims.YES_OR_NO" :value="m.status" br />
        <sa-info name="创建时间" :value="m.createTime" br></sa-info>
        <sa-info name="描述" :value="m.note" br></sa-info>
        <sa-info name="序号" :value="m.sort" br></sa-info>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'actuator-info',
  props: { param: Object },
  data() {
    return {
      id: this.param.id,
      dims: this.param.dims,
      sa: sa,
      m: {}
    }
  },
  created: function () {
    sa.ajax('/actuator/getById', { id: this.id }, function (res) {
      this.m = res.data;
    }.bind(this), { type: "get" });
  },
  methods: {}
}
</script>

<style scoped>
.c-panel>>>.c-title {
  margin-bottom: 20px;
}

.c-panel>>>.c-item .c-label {
  width: 150px;
}

.c-panel>>>.c-item .el-input {
  width: 300px;
}

/* 链接样式  */
/*.my-link{position: relative; top: -1px; margin-left: 0.5em;}*/
</style>
